.skuData {
  border-top-left-radius: 20rpx;
  border-top-right-radius: 20rpx;
  .skuDataTop {
    padding-left: 20rpx;
    box-sizing: border-box;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding-top: 30rpx;
    .proMsg {
      position: relative;
      border-bottom: 1rpx solid #ebedf0;
      padding-bottom: 10rpx;
      .img {
        float: left;
        width: 160rpx;
        height: 160rpx;
        background-color: #f8f8f8;
        border-radius: 4rpx;
        .proImg {
          width: 100%;
          height: 100%;
        }
      }
      .proTitle {
        float: left;
        padding: 8rpx 120rpx 20rpx 20rpx;
        min-height: 164rpx;
        box-sizing: border-box;
        width: 560rpx;
        color: #323233;
        > view:first-child {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
        .price {
          color: #f44;
          font-size: 28rpx;
          margin-top: 20rpx;
        }
      }
      .close {
        position: absolute;
        top: 0rpx;
        right: 30rpx;
        color: #969799;
      }
    }
    .sku {
      max-height: 803rpx;
      overflow-y: scroll;
      .skuTop {
        padding: 10rpx 30rpx 10rpx 4rpx;
        box-sizing: border-box;
        .guige {
          padding-bottom: 10rpx;
          font-size: 28rpx;
          color: #323233;

        }
        .btn {
          display: inline-block;
          height: 52rpx;
          min-width: 104rpx;
          line-height: 32rpx;
          font-size: 24rpx;
          text-align: center;
          border-radius: 6rpx;
          padding: 10rpx 18rpx;
          margin: 0 20rpx 8rpx 0;
          box-sizing: border-box;
          color: #323222;
          background-color: #fff;
        }
        .btn::after{
            content: " ";
            width: 200%;
            height: 200%;
            position: absolute;
            top: 0;
            left: 0;
            border: 1px solid rgba(0,0,0,.2);
            -webkit-transform: scale(.5);
            transform: scale(.5);
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            box-sizing: border-box;
            border-radius: 10px;
            
        }
        .btnActive {
          color: #fff;
          border-color: #f44;
          background: #f44;
        }
        .gray {
          background-color: gray;
        }
      }
      .skuNum {
        border-top: 1rpx solid #ebedf0;
        padding: 24rpx 40rpx 24rpx 0;
        .steper {
          height: 60rpx;
          .steperLeft {
            line-height: 60rpx;
            float: left;
          }
          .steperRight {
            float: right;
            .reserve{
              color: #FF0066 !important;
            }
            .plus{
              color: #FFFFFF !important;
            }
            .minus{
              color: #FFFFFF !important;
            }
            .minus::after{
              color: #FFFFFF;
            }
          }
        }
        .stock {
          margin-right: 20rpx;
          color: #969799;
          font-size: 24rpx;
          display: inline-block;
        }
      }
    }
  }
  .skuDataBottom {
    background-color: #f8f8f8;
    height: 140rpx;
    line-height: 140rpx;
    border-top: 1rpx solid #ebedf0;
  }
  .addCart {
    width: 100%;
    height: 80rpx;
    color: #fff;
    font-size: 32rpx;
    border-radius: 0;
    line-height: 80rpx;
    background-color: #ff976a;
  }
  .addBuy{
    width: 100%;
    height: 80rpx;
    color: #fff;
    font-size: 32rpx;
    border-radius: 0;
    line-height: 80rpx;
    background-color: #00cc66;
  }
  .button-hover {
    background-color: #fff;
  }
}
.reserve {
  color: #000000 !important;
}

.plus {
  background-color: #F24900 !important;
  color: #FFFFFF !important;
}

.minus {
  background-color: #F24900 !important;
  color: #FFFFFF !important;
}

.minus::after {
  color: #FFFFFF;
}